<template>


  <view class="head_body">
    <view class="text_one">浙江自然博物院小小讲解员体验活动协议</view>
    <view class="text_two">请学生家长在报名前详细阅读本协议，在了解并认同活动协议后于文末处签字，签字之日起本协议生效。</view>
    <view class="text_three">[活动日期]2022 年暑假 具体参见活动简介</view>
    <view class="text_four">[适宜对象]小学二至七年级学生</view>
    <!-- <view class="text_five">[适宜对象]小学二至七年级学生</view> -->
    <view class="text_five">
      <view>[活动报名]</view>
      <view style="margin-top: 12rpx;">96期 6月30日，7月1日，7月5、6、7、8、9 日</view>
      <view style="margin-top: 12rpx;">97期 7月14、15日，7月19、20、21、22、23日</view>
      <view style="margin-top: 12rpx;">98期 7月28、29 日，8 月2、3、4、5、6 日</view>
      <view style="margin-top: 12rpx;">99期 8月11、12日，8月16、17、18、19、20日</view>
    </view>
    <view class="text_five">
      <view>[活动时间]</view>
      <view style="margin-top: 12rpx;">上午: 9:10~11:40</view>
      <view style="margin-top: 12rpx;">午餐及午休: 11:50~13:30</view>
      <view style="margin-top: 12rpx;">下午: 13:30~16:00</view>
      <!-- <view style="margin-top: 12rpx;">99期 8月11、12日，8月16、17、18、19、20日</view> -->
    </view>
    <view class="text_four">[费用构成] 活动管理费、材料费、午餐费等</view>
    <view class="text_five">
      <view>[退改补管理办法]</view>
      <view class="one">
        <img src="../../static/one.png" alt="">
      </view>
      <view class="radio_one">
        <radio-group @change="r11">

          <label class="radio">
            <radio style="transform:scale(0.7);" value="r1" /><span
              style="font-size: 24rpx;">我已阅读并确认'预约人原因导致的退订和退款管理办法'</span></label>
        </radio-group>
      </view>
      <view class="two">
        <img src="../../static/two.png" alt="">
      </view>
      <view class="radio_one">
        <radio-group @change="r22">

          <label class="radio">
            <radio style="transform:scale(0.7);" value="r2" /><span
              style="font-size: 24rpx;">我已阅读并确认“预约人原因要求调期调班的管理办法”</span></label>
        </radio-group>
      </view>
      <view class="three">
        <img src="../../static/three.png" alt="">
      </view>
      <view class="radio_one">
        <radio-group @change="r33">

          <label class="radio">
            <radio style="transform:scale(0.7);" value="r3" /><span
              style="font-size: 24rpx;">我已阅读并确认“关于迟到及缺席的管理办法”</span></label>
        </radio-group>
      </view>
      <view class="foru">
        <img src="../../static/foru.png" alt="">
      </view>
      <view class="radio_one">
        <radio-group @change="r44">

          <label class="radio">
            <radio style="transform:scale(0.7);" value="r4" /><span
              style="font-size: 24rpx;">我已阅读并确认“关于主办方原因导致退订、退款、调期的管理办法”</span></label>
        </radio-group>
      </view>
    </view>
    <view class="text_five">
      <view>[其他说明]</view>
      <view style="margin-top: 12rpx;">1）小小讲解员体验活动采取小班化教学，一个班级由一位带教老师及3-8位学生组成；</view>
      <view style="margin-top: 12rpx;">2）报名成功以缴费及协议签订为准，不预留名额；</view>
      <view style="margin-top: 12rpx;">3）报名人数不足3人时该班取消，并在开班前三个工作日内电话通知；</view>
      <view style="margin-top: 12rpx;">4）为保证学生人身安全，如遇特殊情况不能上课，请家长及时通知带教老师；</view>
      <view style="margin-top: 12rpx;">5）小小讲解员活动教材请妥善保管，遗失不补；</view>
      <view style="margin-top: 12rpx;">6）活动时间以课程表为准，活动课程内容以当日实际安排为准；</view>
      <view style="margin-top: 12rpx;">7）开班前带教老师会与家长联系了解学生情况，告知活动的具体注意事项；</view>
      <view style="margin-top: 12rpx;">8）开班后班主任及带教老师会留下联系方式，如遇问题请及时和老师通沟。</view>
    </view>
    <view class="tete">
      请学生家长在报名前详细阅读本协议，在了解并认同活动协议后于文末处签字，签字之日起本协议生效。
    </view>
    <view class="gong">
      浙江自然博物院科普服务部（公章）
    </view>
    <view class="radio_one1">
      <radio-group @change="r55">

        <label class="radio">
          <radio style="transform:scale(0.7);" value="r5" /><span
            style="font-size: 24rpx;">我已阅读以上协议，我同意接受并遵守服务条中的规定</span></label>
      </radio-group>
    </view>
    <view class="tnb_ok" @click="btn_ok">
      提交协议书
    </view>
    <view class="kong">

    </view>
  </view>

</template>

<script>
  import {
    getAppCollectionVideoDTO
  } from '@/common/request/api.js'
  export default {
    data() {
      return {
        r1: false,
        r2: false,
        r3: false,
        r4: false,
        r5: false,
        ids:""
      }
    },
    onLoad(options) {
      this.ids = options.id
      console.log(this.ids,options);
      // this.getAppCollectionVideoDTO()
    },
    methods: {
      r11(e) {
        // console.log(e);
        this.r1 = true
      },
      r22(e) {
        // console.log(e);
        this.r2 = true
      },
      r33(e) {
        // console.log(e);
        this.r3 = true
      },
      r44(e) {
        // console.log(e);
        this.r4 = true
      },
      r55(e) {
        // console.log(e);
        this.r5 = true
      },
      btn_ok() {
        // console.log(this.r1, this.r2, this.r3, this.r4, this.r5);
        switch (true) {
          case this.r1 == false:
            console.log(1);
            uni.showToast({
              title: '请勾选协议书',
              icon: 'none',
              mask: true
            })
            break;
          case this.r2 == false:
            console.log(1);
            uni.showToast({
              title: '请勾选协议书',
              icon: 'none',
              mask: true
            })
            break;
          case this.r3 == false:
            console.log(1);
            uni.showToast({
              title: '请勾选协议书',
              icon: 'none',
              mask: true
            })
            break;
          case this.r4 == false:
            console.log(1);
            uni.showToast({
              title: '请勾选协议书',
              icon: 'none',
              mask: true
            })
            break;
          case this.r5 == false:
            console.log(1);
            uni.showToast({
              title: '请勾选协议书',
              icon: 'none',
              mask: true
            })
            break;
          default:
            uni.navigateTo({
              url: '../Select/index?id=' + this.ids
            });
        }
      },
    }
  }
</script>

<style lang="less" scoped src="./index.less">


</style>